﻿<%@ Page Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="YUIAspNetDemo.Tooltip.Default" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : Tooltip : Usage info</title>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>Tooltip usage info</h1>
    
    <p>The YUIAsp.Net Tooltip control can be attached to any html element you might think.</p>
    
    <asp:Panel ID="pnl" runat="server" GroupingText="Tooltip triggers">
        <asp:TextBox ID="tb1" runat="server"></asp:TextBox>
        <asp:Image ID="img1" runat="server" ImageUrl="http://developer.yahoo.com/yui/docs/assets/yui.png" />
        <a id="link" href="http://www.yuiasp.net">Hover me for tooltip</a>
        
        <yui:Tooltip ID="ttip" runat="server" Width="200px" AttachToElementList="link,tb1,img1"> 
            <Effect Effect="Fade" Duration="0.4" />
            <ContentTemplate>Hello world! Do you like my tooltip?</ContentTemplate>
        </yui:Tooltip>
    </asp:Panel>
    
    
    <p>The same tooltip can be attached to multiple elements.</p>
</asp:Content>
